<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品</title>
    <!--引入初始化样式-->
    <link rel="stylesheet" href="css/reset.css">
    <!--引入网页公共样式-->
    <link rel="stylesheet" href="css/common.css">
    <!--引入自己的样式-->
    <link rel="stylesheet" href="css/goods.css">
</head>
<body>
<!--头部 导航栏目-->
<header>
    <div class="w">
        <a href="index.html"><img src="img/index/logo.png" alt="" class="logo"></a>
        <ul class="nav">
            <li class="nav-item">
                <a href="index.html">首页</a>
                <span></span>
            </li>
            <li class="nav-item">
                <a href="project.html">项目</a>
                <span></span>
            </li>
            <li class="nav-item">
                <a href="goods.html">产品</a>
                <span></span>
            </li>
            <li class="nav-item">
                <a href="service.html">服务</a>
                <span></span>
            </li>
            <li class="nav-item">
                <a href="news.html">新闻</a>
                <span></span>
            </li>
            <li class="nav-item">
                <a href="about.html">关于</a>
                <span></span>
            </li>
        </ul>
    </div>
</header>
<!--轮播板块-->
<div class="banner"></div>
<!--主体内容-->
<main>
    <div class="w">
        <!--主体公共导航-->
        <!--床 bed-->
        <div class="nav bed" id="bed">
            <p>您的位置：产品 > <span>产品中心</span></p>
            <ul>
                <li>
                    <a href="#bed">床</a>
                    <span></span>
                </li>
                <li></li>
                <li>
                    <a href="#sofa">沙发</a>
                    <span></span>
                </li>
                <li></li>
                <li>
                    <a href="#table">桌椅</a>
                    <span></span>
                </li>
                <li></li>
                <li>
                    <a href="#wardrobe">衣柜</a>
                    <span></span>
                </li>
                <li></li>
                <li>
                    <a href="#light">灯</a>
                    <span></span>
                </li>
            </ul>
        </div>
        <ul class="goods bed">
            <li>
                <div class="mask-title">
                    <p>PEMBERLY ROW<p>
                    <p>软垫加州特大号床板ZUMA PUMICE</p>
                </div>
            </li>
            <li>
                <div class="mask-title">
                    <p>SOLOMAN<p>
                    <p>中世纪浅米色面料平台床</p>
                </div>
            </li>
            <li>
                <div class="mask-title">
                    <p>CHESTER<p>
                    <p>簇绒天鹅绒特大号床</p>
                </div>
            </li>
            <li>
                <div class="mask-title">
                    <p>HAWTHORNE<p>
                    <p>女王平台床</p>
                </div>
            </li>
            <li>
                <div class="mask-title">
                    <p>HENRY MID-CENTURY<p>
                    <p>现代软垫平台床</p>
                </div>
            </li>
            <li>
                <div class="mask-title">
                    <p>MODBERG<p>
                    <p>墨西拿灰色生态床</p>
                </div>
            </li>
        </ul>
        <!--沙发 sofa-->
        <div class="nav sofa" id="sofa">
            <p>您的位置：产品 > <span>产品中心</span></p>
            <ul>
                <li>
                    <a href="#bed">床</a>
                    <span></span>
                </li>
                <li></li>
                <li>
                    <a href="#sofa">沙发</a>
                    <span></span>
                </li>
                <li></li>
                <li>
                    <a href="#table">桌椅</a>
                    <span></span>
                </li>
                <li></li>
                <li>
                    <a href="#wardrobe">衣柜</a>
                    <span></span>
                </li>
                <li></li>
                <li>
                    <a href="#light">灯</a>
                    <span></span>
                </li>
            </ul>
        </div>
        <ul class="goods sofa">
            <li>
                <div class="mask-title">
                    <p>OUTDOOR<p>
                    <p>户外庭院沙发</p>
                </div>
            </li>
            <li>
                <div class="mask-title">
                    <p>HAMPTON<p>
                    <p>汉普顿客厅套装</p>
                </div>
            </li>
            <li>
                <div class="mask-title">
                    <p>PREMIER<p>
                    <p>总统客厅套装</p>
                </div>
            </li>
        </ul>
        <!--桌椅 table-->
        <div class="nav table" id="table">
            <p>您的位置：产品 > <span>产品中心</span></p>
            <ul>
                <li>
                    <a href="#bed">床</a>
                    <span></span>
                </li>
                <li></li>
                <li>
                    <a href="#sofa">沙发</a>
                    <span></span>
                </li>
                <li></li>
                <li>
                    <a href="#table">桌椅</a>
                    <span></span>
                </li>
                <li></li>
                <li>
                    <a href="#wardrobe">衣柜</a>
                    <span></span>
                </li>
                <li></li>
                <li>
                    <a href="#light">灯</a>
                    <span></span>
                </li>
            </ul>
        </div>
        <ul class="goods table">
            <li>
                <div class="mask-title">
                    <p>FILTON<p>
                    <p>绗缝皮革柜台凳</p>
                </div>
            </li>
            <li>
                <div class="mask-title">
                    <p>ASHFORD SEAN<p>
                    <p>深色帆布G柜台凳</p>
                </div>
            </li>
            <li>
                <div class="mask-title">
                    <p>MARIETTE<p>
                    <p>玛丽埃塔户外铸铝黑沙套件</p>
                </div>
            </li>
        </ul>
        <!--衣柜 wardrobe-->
        <div class="nav wardrobe" id="wardrobe">
            <p>您的位置：产品 > <span>产品中心</span></p>
            <ul>
                <li>
                    <a href="#bed">床</a>
                    <span></span>
                </li>
                <li></li>
                <li>
                    <a href="#sofa">沙发</a>
                    <span></span>
                </li>
                <li></li>
                <li>
                    <a href="#table">桌椅</a>
                    <span></span>
                </li>
                <li></li>
                <li>
                    <a href="#wardrobe">衣柜</a>
                    <span></span>
                </li>
                <li></li>
                <li>
                    <a href="#light">灯</a>
                    <span></span>
                </li>
            </ul>
        </div>
        <ul class="goods wardrobe">
            <li>
                <div class="mask-title">
                    <p>MANHATTAN<p>
                    <p>曼哈顿现代白色衣橱</p>
                </div>
            </li>
            <li>
                <div class="mask-title">
                    <p>MAGNUSSEN<p>
                    <p>LANCASTER燕尾灰衣橱</p>
                </div>
            </li>
            <li>
                <div class="mask-title">
                    <p>SOUTH SHORE<p>
                    <p>AXESS ARMOIRE黑色绅士衣橱</p>
                </div>
            </li>
        </ul>
        <!--灯 light-->
        <div class="nav light" id="light">
            <p>您的位置：产品 > <span>产品中心</span></p>
            <ul>
                <li>
                    <a href="#bed">床</a>
                    <span></span>
                </li>
                <li></li>
                <li>
                    <a href="#sofa">沙发</a>
                    <span></span>
                </li>
                <li></li>
                <li>
                    <a href="#table">桌椅</a>
                    <span></span>
                </li>
                <li></li>
                <li>
                    <a href="#wardrobe">衣柜</a>
                    <span></span>
                </li>
                <li></li>
                <li>
                    <a href="#light">灯</a>
                    <span></span>
                </li>
            </ul>
        </div>
        <ul class="goods light">
            <li>
                <div class="mask-title">
                    <p>5-LIGHT<p>
                    <p>油擦青铜枝形吊灯</p>
                </div>
            </li>
            <li>
                <div class="mask-title">
                    <p>ZEPLIN 12-LIGHT <p>
                    <p>SPUTNIK枝形吊灯</p>
                </div>
            </li>
            <li>
                <div class="mask-title">
                    <p>MOUSSE<p>
                    <p>现代枝形吊灯米白色灯罩</p>
                </div>
            </li>
        </ul>
    </div>
</main>
<!--网页底部-->
<footer>
    <div class="w">
        <div class="foot">
            <p>简设装饰有限公司</p>
            <p>
                <img src="img/index/wb-icon.png" alt="">
                <img src="img/index/wx-icon.png" alt="">
                <img src="img/index/qq-icon.png" alt="">
            </p>
        </div>
        <div class="foot">
            <p>地址：中国地区**分区6号写字楼888室</p>
            <p>电话：688-8888-008</p>
            <p>传真：000-66668888</p>
        </div>
        <div class="foot">
            <p>邮编：100000 </p>
            <p>手机：186-6006-8008</p>
            <p>邮箱：00060008@163.com</p>
        </div>
    </div>
</footer>
</body>
</html>